<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>蜂巢装修网-计算报价</title>
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="font_icon/iconfont.css" />
	<link rel="stylesheet" href="css/calculateQuotation.css">

	<script src="js/Area.js"></script>
	<script src="js/AreaData_min.js"></script>
</head>

<body>
	<!-- 头部 -->
	<header>
		<div class="header_wrap w">
			<ul>
				<li>
					<i class="iconfont">
						&#xe603;
					</i>
				</li>
				<li>
					<span id="city">
						金华
					</span>
				</li>
				<li>
					<a id="switch" href="javascript:;">[切换]</a>
				</li>
			</ul>
			<ul class="right">
				<li>
					<span>
						欢迎进入蜂巢网~
					</span>
				</li>
				<li>
				<li>
					<a id="login" href="../蜂巢装修网前端页面/fc-owner-login.html">
						登录
					</a>
				</li>
				<li>
					<a id="Register" href="../蜂巢装修网前端页面/fc-register.html">
						注册
					</a>
				</li>
				<li class="Hotline">
					<a href="../蜂巢装修网前端页面/fc-index.html">
						| 返回首页
					</a>
				</li>
			</ul>
		</div>
		<!-- 城市切换表 -->
		<div class="city_switchover hide-us" id="city_switchover">
			<div class="transition"></div>
			<div class="hot_citys">
				<p class="hot_city_title">热门城市：</p>
				<ul class="clearfix">
					<li>
						<a href="javascript:;">北京</a>
					</li>
					<li>
						<a href="javascript:;">上海</a>
					</li>
					<li>
						<a href="javascript:;">广州</a>
					</li>
					<li>
						<a href="javascript:;">深圳</a>
					</li>
					<li>
						<a href="javascript:;">成都</a>
					</li>
					<li>
						<a href="javascript:;">重庆</a>
					</li>
					<li>
						<a href="javascript:;">武汉</a>
					</li>
					<li>
						<a href="javascript:;">沈阳</a>
					</li>
					<li>
						<a href="javascript:;">大连</a>
					</li>
					<li>
						<a href="javascript:;">郑州</a>
					</li>
					<li>
						<a href="javascript:;">西安</a>
					</li>
					<li>
						<a href="javascript:;">南京</a>
					</li>
					<li>
						<a href="javascript:;">苏州</a>
					</li>
					<li>
						<a href="javascript:;">无锡</a>
					</li>
					<li>
						<a href="javascript:;">武汉</a>
					</li>
					<li>
						<a href="javascript:;">徐州</a>
					</li>
					<li>
						<a href="javascript:;">杭州</a>
					</li>
					<li>
						<a href="javascript:;">宁波</a>
					</li>
					<li>
						<a href="javascript:;">天津</a>
					</li>
					<li>
						<a href="javascript:;">昆明</a>
					</li>
					<li>
						<a href="javascript:;">南宁</a>
					</li>
					<li>
						<a href="javascript:;">合肥</a>
					</li>
					<li>
						<a href="javascript:;">长沙</a>
					</li>
					<li>
						<a href="javascript:;">青岛</a>
					</li>
					<li>
						<a href="javascript:;">泉州</a>
					</li>
					<li>
						<a href="javascript:;">兰州</a>
					</li>
					<li>
						<a href="javascript:;">东莞</a>
					</li>
					<li>
						<a href="javascript:;">惠州</a>
					</li>
					<li>
						<a href="javascript:;">佛山</a>
					</li>
					<li>
						<a href="javascript:;">贵阳</a>
					</li>
					<li>
						<a href="javascript:;">哈尔滨</a>
					</li>
				</ul>
				<p class="more_city">
					<a href="javascript:;">更多>></a>
				</p>
			</div>
		</div>
	</header>
	<!-- 背景图 -->
	<div class="calculatorBackground">
		<div class="logo">
			<h1>
				<a href="#">蜂巢网</a>
			</h1>
		</div>
	</div>
	<!-- 报价计算器 -->
	<div class="calculator w">
		<div class="calculator_title">
			<h3>家装计算器</h3>
		</div>
		<div class="calculator_content">
			<ul>
				<li>
					<span>装修城市：</span>
					<select id="seachprov" name="seachprov"
						onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>
					<select id="seachcity" name="homecity"
						onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>
					<span id="seachdistrict_div"><select id="seachdistrict" name="seachdistrict"></select></span>
				</li>
				<li>
					<span>房屋面积：</span>
					<input type="text" class="area" placeholder="请输入房屋面积(㎡)">
				</li>

				<li>
					<span>您的姓名：</span>
					<input type="text" class="name" placeholder="请输入您的姓名">
				</li>
				<li>
					<span>您的手机：</span>
					<input type="text" class="phone" placeholder="请输入您的手机号码">
				</li>
				<li>
					<span>装修档次：</span>
					<select class="level">
						<option value="简约">简约</option>
						<option value="精装">精装</option>
						<option value="豪装">豪装</option>
					</select>
				</li>
				<li>
					<span>房屋户型：</span>
					<select class="shi">
						<option value="1室">1室</option>
						<option value="2室">2室</option>
						<option value="3室">3室</option>
						<option value="4室">4室</option>
						<option value="5室">5室</option>
					</select>
					<select class="ting">
						<option value="0厅">0厅</option>
						<option value="1厅">1厅</option>
						<option value="2厅">2厅</option>
						<option value="3厅">3厅</option>
						<option value="4厅">4厅</option>
						<option value="5厅">5厅</option>
					</select>
					<select class="chu">
						<option value="0厨">0厨</option>
						<option value="1厨">1厨</option>
						<option value="2厨">2厨</option>
						<option value="3厨">3厨</option>
						<option value="4厨">4厨</option>
						<option value="5厨">5厨</option>
					</select>
					<select class="wei">
						<option value="0卫">0卫</option>
						<option value="1卫">1卫</option>
						<option value="2卫">2卫</option>
						<option value="3卫">3卫</option>
						<option value="4卫">4卫</option>
						<option value="5卫">5卫</option>
					</select>
					<select class="yang">
						<option value="0阳台">0阳台</option>
						<option value="1阳台">1阳台</option>
						<option value="2阳台">2阳台</option>
						<option value="3阳台">3阳台</option>
						<option value="4阳台">4阳台</option>
						<option value="5阳台">5阳台</option>
					</select>
				</li>
				<label class="alert">警示语</label>
			</ul>
			<div class="count" ng-click="loginBtn()">
				<button>开始计算</button>
			</div>
			<div class="quotation">
				<p>材料费：<span id="materialPay">0000</span>元</p>
				<p>人工费：<span id="artificialPay">0000</span>元</p>
				<p>设计费：<span id="designPay">0000</span>元</p>
				<p>管理费：<span id="qualityPay">0000</span>元</p>
				<h4>装修总预算为：<span id="allPay">0000</span>元</h4>
			</div>
		</div>
	</div>
	<!-- 尾部 -->
	<footer>
		<div class="footer_info w">
			<ul class="clearfix">
				<li>
					<a href="./fc-aboutFC.html">关于我们</a>
				</li>
				<li>
					<a href="./fc-contactUs.html">联系我们</a>
				</li>
				<li>
					<a href="./fc-feedback.html">意见反馈</a>
				</li>
				<li>
					<a href="./fc-businessCooperation.html">商务合作</a>
				</li>
				<li>
					<a href="./fc-legalNotice.html">法律声明</a>
				</li>
			</ul>
			<p>免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。© 2018 蜂巢装修网 保留所有权利</p>
			<p class="footer-company-icp">
				<span>中国装修网 <a href="http://www.miitbeian.gov.cn/" target="_blank"
						rel="nofollow">增值电信业务许可证：粤B2-20120566号</a></span>
				<span><a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow"
						class="footer_y_icp">粤ICP备08125558号-1</a></span>
				<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502001458"
					class="footer_new_ga" rel="nofollow">
				</a>
				<a href="https://szcert.ebs.org.cn/c0adeb1a-0ad1-476b-b4bd-661a79e90877" target="_blank"
					title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" rel="nofollow">
				</a>
				<a href="http://www.cyberpolice.cn/wfjb/" target="_blank" rel="nofollow">
					<i class="iconfont icon1">&#xe629;</i>
				</a>
				<a href="http://www.cyberpolice.cn/wfjb/" target="_blank" rel="nofollow">
				</a>
				<a href="https://search.szfw.org/cert/l/CX20140929005207005275" target="_blank" rel="nofollow">
					<i class="iconfont icon2">&#xe633;</i>
				</a>
				<a href="http://si.trustutn.org/info?sn=345170814029859496005&amp;certType=1" target="_blank" rel="nofollow">
					<i class="iconfont icon3">&#xe62f;</i>
				</a>
			</p>
		</div>
	</footer>

	<script src="./lib/jquery/jquery.min.js"></script>
	<script src="js/fc-base.js"></script>
	<script src="js/fc-calculateQuotation.js"></script>
</body>

</html>